<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>树形控件</title>
    <link rel="stylesheet" href="./view/树形控件/styles.css">
</head>
<body>
<!-- 树形控件 Unnamed (Rectangle) -->
<div id="u8555" class="ax_default heading_1">
    <div id="u8555_div" class=""></div>
    <div id="u8555_text" class="text ">
        <p><span>Tree 树形控件</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8556" class="ax_default heading_1">
    <div id="u8556_div" class=""></div>
    <div id="u8556_text" class="text ">
        <p><span>概述</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8557" class="ax_default label">
    <div id="u8557_div" class=""></div>
    <div id="u8557_text" class="text ">
        <p><span>文件夹、组织架构、生物分类、国家地区等等，世间万物的大多数结构都是树形结构。使用树控件可以完整展现其中的层级关系，并具有展开收起选择等交互功能。</span></p><p><span>暂时没有可快速复用的实现方式，建议直接采用axure自带的树形结构，方便维护。</span></p>
    </div>
</div>

<!-- Unnamed (Tree) -->
<div id="u8558" class="ax_default tree_node treeroot">
    <div id="u8558_children" class="u8558_children">

        <!-- Unnamed (Tree Node) -->
        <div id="u8559" class="ax_default tree_node treenode">

            <!-- Unnamed (Image) -->
            <div id="u8560" class="ax_default image">
                <img id="u8560_img" class="img " src="assets/images/树形控件/u8560_selected.png"/>
                <div id="u8560_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                </div>
            </div>
            <!-- Unnamed (Rectangle) -->
            <div id="u8561" class="" selectiongroup="u8558_tree_group">
                <div id="u8561_div" class=""></div>
                <div id="u8561_text" class="text ">
                    <p><span>Item 1</span></p>
                </div>
            </div>
            <div id="u8559_children" class="u8559_children">

                <!-- Unnamed (Tree Node) -->
                <div id="u8562" class="ax_default tree_node treenode">
                    <!-- Unnamed (Rectangle) -->
                    <div id="u8563" class="" selectiongroup="u8558_tree_group">
                        <div id="u8563_div" class=""></div>
                        <div id="u8563_text" class="text ">
                            <p><span>Item 1.1</span></p>
                        </div>
                    </div>
                </div>

                <!-- Unnamed (Tree Node) -->
                <div id="u8564" class="ax_default tree_node treenode">
                    <!-- Unnamed (Rectangle) -->
                    <div id="u8565" class="" selectiongroup="u8558_tree_group">
                        <div id="u8565_div" class=""></div>
                        <div id="u8565_text" class="text ">
                            <p><span>Item 1.2</span></p>
                        </div>
                    </div>
                </div>

                <!-- Unnamed (Tree Node) -->
                <div id="u8566" class="ax_default tree_node treenode">

                    <!-- Unnamed (Image) -->
                    <div id="u8567" class="ax_default image">
                        <img id="u8567_img" class="img " src="assets/images/树形控件/u8560_selected.png"/>
                        <div id="u8567_text" class="text " style="display:none; visibility: hidden">
                            <p></p>
                        </div>
                    </div>
                    <!-- Unnamed (Rectangle) -->
                    <div id="u8568" class="" selectiongroup="u8558_tree_group">
                        <div id="u8568_div" class=""></div>
                        <div id="u8568_text" class="text ">
                            <p><span>Item 1.3</span></p>
                        </div>
                    </div>
                    <div id="u8566_children" class="u8566_children">

                        <!-- Unnamed (Tree Node) -->
                        <div id="u8569" class="ax_default tree_node treenode">
                            <!-- Unnamed (Rectangle) -->
                            <div id="u8570" class="" selectiongroup="u8558_tree_group">
                                <div id="u8570_div" class=""></div>
                                <div id="u8570_text" class="text ">
                                    <p><span>enter text...</span></p>
                                </div>
                            </div>
                        </div>

                        <!-- Unnamed (Tree Node) -->
                        <div id="u8571" class="ax_default tree_node treenode">
                            <!-- Unnamed (Rectangle) -->
                            <div id="u8572" class="" selectiongroup="u8558_tree_group">
                                <div id="u8572_div" class=""></div>
                                <div id="u8572_text" class="text ">
                                    <p><span>enter text...</span></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
